<!DOCTYPE html>
<html lang="zh-cn" class=""><head><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}ng\:form{display:block;}.ng-animate-block-transitions{transition:0s all!important;-webkit-transition:0s all!important;}.ng-hide-add-active,.ng-hide-remove{display:block!important;}</style>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=8,chrome=1">
    <meta name="renderer" content="webkit">

    <script src="//hm.baidu.com/hm.js?fe31529947108c31589b3e42c9df1eef"></script><script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?fe31529947108c31589b3e42c9df1eef";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <!--STYLES-->

    <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href="//hyy-static.51haoyayi.com/alertify/alertify.min.css" rel="stylesheet">
    <link href="__STATIC__/css/bulma.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/css/global.css">

    <!--STYLES END-->

    <script src="//cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
    <script src="//hyy-static.51haoyayi.com/alertify/alertify.min.js"></script>
    <script src="//cdn.bootcss.com/angular.js/1.2.29/angular.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="//cdn.bootcss.com/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
    <script src="__STATIC__/js/mocklogin.js"></script>

    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <script src="//cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
    <![endif]-->

<style type="text/css">.fancybox-margin{margin-right:0px;}</style></head>

<body>
<header class="tt">
    <div class="container" style="min-width:970px">
        <div class="row">
            <a href="/" onclick="_hmt.push(['_trackEvent', 'nav', 'home']);">
                <img src="__STATIC__/image/logo.png" alt="logo" class="tt-logo">
            </a>

            			<!-- <a class="s-city">
                            <span></span>
                            <i class="icon i-arrow"></i>
                        </a>
                        <ul class="city-list">
                            <li><a href="/city/beijing">北京</a></li>
                            <li><a href="/city/shanghai">上海</a></li>
                            <li><a href="/city/chengdu">成都</a></li>
                            <li><a href="/city/dalian">大连</a></li>
                            <li><a href="/city/shenzhen">深圳</a></li>
                        </ul>
                        <div class="li-tel">
                            <span>免费预约热线</span><br/>
                            <span>400-011-8816</span>
                        </div> -->
                       
            <!--<nav>-->
            <!--&lt;!&ndash;<input placeholder="搜索医生或诊所..." type="text" class="form-control" id="product_search" data-provide="typeahead">&ndash;&gt;-->
            <!--<ul id="nav">-->
            <!--&lt;!&ndash;<li class="active"><a href="/order">在线预约</a></li>&ndash;&gt;-->
            <!--&lt;!&ndash;<li><a href="/clinicmap" onclick="_hmt.push(['_trackEvent', 'nav', 'clinicmap']);">诊所地图</a></li>&ndash;&gt;-->
            <!--&lt;!&ndash;<li><a href="/favor" onclick="_hmt.push(['_trackEvent', 'nav', 'favor']);">优惠信息</a></li>&ndash;&gt;-->
            <!--&lt;!&ndash;<li><a href="/aboutus" onclick="_hmt.push(['_trackEvent', 'nav', 'aboutus']);">关于我们</a></li>&ndash;&gt;-->
            <!--<li ><a href="/article" onclick="_hmt.push(['_trackEvent', 'nav', 'favor']);">资讯(收费)</a></li>-->
            <!--</ul>-->

            <!--</nav>-->

            <nav class="nav" style="margin-top:10px">

                <div style="nav-left nav-menu">
                    <a href="/" class="nav-item" style="font-size:16px;">皓世康-让您邂逅美丽与健康</a>
                </div>
                <div class="nav-right nav-menu">

                    <!-- <a class="nav-item" style="font-size:16px;" href="/article">
                        资讯(收费)
                    </a> -->


                <span class="nav-item">
                  <!-- <a id="loginButton" class="button is-primary" style="">
                      <span>登录</span>
                  </a>
                    <span id="userLabel" style="display: none; margin-right: 5px;"></span>
                    <a id="logoutButton" class="button is-primary" style="display: none;" onclick="logout()">
                        <span>退出</span>
                    </a>
                  <a id="regButton" class="button is-primary" href="#">
                      <span>注册</span>
                  </a> -->
                </span>
                </div>
            </nav>

        </div>
    </div>
</header>
<div class="tt-b"></div>

<div id="loginModal" class="modal">
    <div class="modal-background"></div>
    <div class="modal-card" style="margin-top:100px;">
        <header class="modal-card-head">
            <p class="modal-card-title">请进行登录</p>
            <button class="delete"></button>
        </header>
        <section class="modal-card-body">
            <label class="label">用户名</label>
            <p class="control">
                <input class="input" id="username" type="text" placeholder="请输入用户名">
            </p>
            <label class="label">密码</label>
            <p class="control">
                <input class="input" id="password" type="password" placeholder="请输入密码">
            </p>
            <span class="help is-danger" style="display:none">This email is invalid</span>
        </section>
        <footer class="modal-card-foot">
            <a class="button is-primary" onclick="login()">确认提交</a>
            <a class="button" onclick="$('#loginModal').hide('fast')">取消</a>
        </footer>
    </div>
</div>

<div id="regModal" class="modal">
    <div class="modal-background"></div>
    <div class="modal-card" style="margin-top:100px;">
        <header class="modal-card-head">
            <p class="modal-card-title">请进行用户注册</p>
            <button class="delete"></button>
        </header>
        <section class="modal-card-body">
            <label class="label">用户名</label>
            <p class="control">
                <input id="regUsername" class="input" type="text" placeholder="请输入用户名">
            </p>
            <label class="label">密码</label>
            <p class="control">
                <input id="regPass" class="input" type="password" placeholder="请输入密码">
            </p>
            <label class="label">再次输入密码</label>
            <p class="control">
                <input id="regRepass" class="input" type="password" placeholder="请输入确认密码">
            </p>
            <label class="label">邮箱</label>
            <p class="control has-icon has-icon-right">
                <input id="regEmail" class="input" type="text" placeholder="请输入电子邮箱" value="">
            </p>
            <span class="help is-danger" style="display:none">This email is invalid</span>
        </section>
        <footer class="modal-card-foot">
            <a class="button is-primary" onclick="reg()">确认提交</a>
            <a class="button" onclick="$('#regModal').hide('fast')">取消</a>
        </footer>
    </div>
</div>

<div id="tipModal" class="modal">
    <div class="modal-background"></div>
    <div class="modal-card" style="margin-top:100px;">
        <header class="modal-card-head">
            <p class="modal-card-title">提示</p>
            <button class="delete"></button>
        </header>
        <section class="modal-card-body">
            <p class="control">
                本文章需要付费后阅读，请先登录并付费.
            </p>
        </section>
        <footer class="modal-card-foot">
            <a class="button is-primary" onclick="$('#tipModal').hide('fast');$('#loginModal').show('normal')">确认</a>
            <a class="button" onclick="$('#tipModal').hide('fast')">取消</a>
        </footer>
    </div>
</div>

<div class="notification is-success" style="display:none">
    操作成功
</div>

<title>皓世康-让您邂逅美丽与健康</title>

<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="/js/selectivizr.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="__STATIC__/css/newhome.css">
<div ng-app="" ng-controller="clinicCtrl" class="container-filud ng-scope">
    <div class="top-banner">
      <div class="bnr-wrap">
      <ul class="top-img clearfix" style="width: 3880px; left: -970px;">
          <li>
           <div class="list-inner-wrap clearfix">
              <div class="pull-left">
               <h1 class="h1"><span>&nbsp;去公立医院看牙挂号，<br>
        排队累成狗?&nbsp;</span><br>皓世康为您预约口腔专家</h1>
           <!-- <button class="btn btn-lg btn-default hover">立即预约</button> -->
              </div>
              <div class="pull-right" style="margin-top:1px;">
                <img src="__STATIC__/image/banner01.png" alt="pic">
              </div>
           </div>
          </li>
          <li>
               <div class="list-inner-wrap clearfix">
                  <div class="pull-left" style="padding-top:10px;">
                   <h1 class="h1"><span>&nbsp;100块钱能治好的小病，
<br>愣是花了好几万？&nbsp;</span><br>皓世康保证价格透明，<br>
防止过度医疗。</h1>
               <!-- <button class="btn btn-lg btn-default hover">立即预约</button> -->
                  </div>
                  <div class="pull-right">
                    <img src="__STATIC__/image/banner02.png" alt="pic">
                  </div>
               </div>
          </li>
          <li>
               <div class="list-inner-wrap clearfix">
                  <div class="pull-left">
                   <h1 class="h1"><span>&nbsp;小诊所？野郎中？
<br>补牙都能掉根儿针！&nbsp;</span><br>皓世康保障从业医生资质。</h1>
               <!-- <button class="btn btn-lg btn-default hover">立即预约</button> -->
                  </div>
                  <div class="pull-right" style="margin-top:15px;">
                    <img src="__STATIC__/image/banner03.png" alt="pic">
                  </div>
               </div>
          </li>
          <li>
               <div class="list-inner-wrap clearfix">
                  <div class="pull-left">
                   <h1 class="h1"><span>&nbsp;看完病就没人搭理我了？&nbsp;</span><br>皓世康全程追踪您的病情。</h1>
               <!-- <button class="btn btn-lg btn-default hover">立即预约</button> -->
                  </div>
                  <div class="pull-right" style="margin-top:2px;">
                    <img src="__STATIC__/image/banner04.png" alt="pic">
                  </div>
               </div>
          </li>
      </ul>
      <ul class="banner-circle">
      <li class=""><a></a></li><li class="selected"><a></a></li><li class=""><a></a></li><li class=""><a></a></li></ul>
      </div>       
    </div>
    <div class="cluod-wrapper">
        <div class="row">
            <div class="center">
              <h2 class="h2">皓世康云诊所已在济宁正式运营</h2>
              <hr class="hr">  
            </div>
            
        </div>
        <div class="row">
            <ul class="container">
                <li class="">
                    <img src="__STATIC__/image/cloudlist01.jpg" alt="cloudpic">
                    <h3>专家看牙</h3>
                    <p>皓世康签约北大口腔、部队三甲医院等专家，让专家走出公立医院到『皓世康口腔会所』执业，让您不用排队也能找专家看牙。</p>
                </li>
                <li>
                    <img src="__STATIC__/image/cloudlist02.jpg" alt="cloudpic">
                    <h3>价格透明</h3>
                    <p>所有治疗服务项目透明，价格均为打包价，让患者确认价格后治疗，杜绝过度医疗。</p>
                </li>
                <li>
                    <img src="__STATIC__/image/cloudlist03.jpg" alt="cloudpic">
                    <h3>环境舒适</h3>
                    <p>皓世康与济宁优秀的线下优质口腔门诊进行合作，为患者提供较可靠便捷的就诊环境。</p>
                </li>
                <li>
                    <img src="__STATIC__/image/cloudlist04.jpg" alt="cloudpic" style="width:66px;">
                    <h3>价格保障</h3>
                    <p>我们与大型商业保险公司合作，全力保障患者的医疗服务，并赔付医患纠纷过程中患者的损失。</p>
                </li>
            </ul>
        </div>             
    </div>
    <div class="exper-wrapper clearfix">
        <div class="experbg clearfix">
            <div class="row center">
                <h2 style="font-size:1.6em;">打造全新就诊体验</h2>
                <hr class="hr" style="background:#fff;">   
            </div>  
            <div class="clearfix">         
              <div class="exper-pic">
                      <img src="__STATIC__/image/exper.png" alt="pic">
              </div>
            </div>
            <ul class="container" style="padding:0 28px;">
                <li class="col-md-2"><p>了解您要治疗的项目，以及服务价格。</p></li>
                <li class="col-md-2"><p>在线选择时间和医生，进行预约。</p></li>
                <li class="col-md-2"><p>按时到店就诊，与医生沟通治疗方案。</p></li>
                <li class="col-md-2"><p>与医生确认方案及其价格，进行治疗。</p></li>
                <li class="col-md-2"><p>完成治疗后，交费并确认下次复诊时间。</p></li>
            </ul>
        </div>
    </div>

    <div class="cluod-wrapper">
        <div class="row">
            <div class="center">
              <h2 class="h2">专家团队</h2>
              <hr class="hr">  
            </div>
            
        </div>
        <div class="row">
            <ul class="container">
                <li style="width: 25%;padding:0;margin:0px 35px;text-align: center;float: left;">
                    <img src="__STATIC__/image/xujing.png" class="zhuanjia" alt="cloudpic">
                    <h3>徐静</h3>
                    <p style="text-align:center">研究生毕业于上海交通大学医学院   <br>
上海交通大学医学院口腔正畸学硕士 <br>
从事口腔正畸临床工作多年，擅长儿童错颌畸形的早期矫治，青少年错领畸形乔治，成年人错领畸形的综合治疗，擅长无托槽隐形矫治，固定矫治。</p>
                </li>
                <li style="width: 25%;padding:0;margin:0px 35px;text-align: center;float: left;">
                    <img src="__STATIC__/image/keyuan.png" class="zhuanjia" alt="cloudpic">
                    <h3>褚克桓</h3>
                    <p style="text-align:center">口腔全科主治医师、牙周专科医师<br>
隐适美(Invisalign) 隐形矫正认证医师<br>
天使隐形矫正认证医师-MRC国内首批认证医师</p>
                </li>
                <li style="width: 25%;padding:0;margin:0px 35px;text-align: center;float: left;">
                    <img src="__STATIC__/image/yuyang.png" class="zhuanjia" alt="cloudpic">
                    <h3>于阳</h3>
                    <p style="text-align:center">口腔全科主治医师<br>
                    早期介入，及成人错颔畸形的综合治疗，熟练掌握自锁托槽、隐形矫治及青少年功能性矫治技术。对待患者亲切温和，对小朋友耐心细致，手法轻柔，深受患者好评。
                    </p>
                </li>
            </ul>
        </div>             
    </div>

     <div class="exper-wrapper clearfix">
        <div class="experbg clearfix">
            <div class="row center">
                <h2 style="font-size:1.6em;">历史发展史</h2>
                <hr class="hr" style="background:#fff;">   
            </div>  
            <div class="clearfix">  
                <p style="text-align:center;padding:0px 30px;margin:0 30px;">
                    2010年——2012年  <br>
                    为至美而生 <br>
太平东路北，傍河而居，皓世康口腔于2010年傲世起航，全力缔造集隐形矫正、儿童齿科、牙周病序列治疗、口腔种植以及美学修复于一体的口腔全科医疗机构。用奢华体验、专家团队、严格管理，缔造绝美容颜与健康口腔的浪漫邂逅。其一经问世便一鸣惊人，荣获“受欢迎口腔医疗机构”称号…… <br>
2012年——2015年 <br>
向阳生长，志怀高远 <br>
要做一个有社会责任的企业，就必须要付出长久的努力，不争一时长短。皓世康口腔将“专业修复口腔”的责任感贯穿于经营的始终。从中外学术交流到影视及慈善项目，皓世康口腔不断以己之力，致力于推动口腔医疗行业的发展，去庇护每一颗爱美之心。 <br>
2015年——2020年 <br>
我正盛开，清风已来 <br>
对皓世康口腔而言，“专业修复口腔”不只是一句口号，更是实力担当。皓世康口腔始终秉承良父义务精神，接轨中外医疗标准，用前瞻的技术，缔结时尚的审美，从技术、安全、服务、效果等多角度出发，建立多维一体口腔医疗服务体系，为爱美人士缔结尊贵之美。 <br>
皓世康口腔怀揣匠心，砥砺前行，潜心成长，直至成为了口腔医疗行业的标杆之一。与此同时，现如今，皓世康口腔十年已至，我们愿继续用真诚与品质浇灌渴求美丽健康的种子，向美而生。</p>       
              <!-- <div class="exper-pic">
                      <img src="__STATIC__/image/exper.png" alt="pic">
              </div> -->
            </div>
            <!-- <ul class="container" style="padding:0 28px;">
                <li class="col-md-2"><p>了解您要治疗的项目，以及服务价格。</p></li>
                <li class="col-md-2"><p>在线选择时间和医生，进行预约。</p></li>
                <li class="col-md-2"><p>按时到店就诊，与医生沟通治疗方案。</p></li>
                <li class="col-md-2"><p>与医生确认方案及其价格，进行治疗。</p></li>
                <li class="col-md-2"><p>完成治疗后，交费并确认下次复诊时间。</p></li>
            </ul> -->
        </div>
    </div>
     <!--
    <div class="price-wrapper">
        <div class="center">
           <h2 class="h2">服务价格公开透明</h2>
           <hr class="hr" style="margin-bottom:40px;" /> 
        </div>
        <div class="price-main clearfix">
        <ul class="clearfix">
          <li>
        
          <table>
                <tr>
                    <th><span class="th">儿童口腔</span></th>
                </tr>
                
                 <tr>
                    <td>乳牙充填</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥400</strong></td>
                </tr>
                
                 <tr>
                    <td>乳牙充填乳牙充填（专家）</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥400</strong></td>
                </tr>
                
                 <tr>
                    <td>乳牙拔除</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥300</strong></td>
                </tr>
                
                 <tr>
                    <td>乳牙根管治疗</td>
                    <td width="20%">/&nbsp每根</td>
                    <td><strong>¥400</strong></td>
                </tr>
                
                 <tr>
                    <td>牙齿涂氟</td>
                    <td width="20%">/&nbsp全口</td>
                    <td><strong>¥50</strong></td>
                </tr>
                
                 <tr>
                    <td>窝沟封闭</td>
                    <td width="20%">/&nbsp个</td>
                    <td><strong>¥100</strong></td>
                </tr>
                
                 <tr>
                    <td>间隙保持器</td>
                    <td width="20%">/&nbsp副</td>
                    <td><strong>¥500</strong></td>
                </tr>
                
          </table>
        
          <table>
                <tr>
                    <th><span class="th">固定修复</span></th>
                </tr>
                
                 <tr>
                    <td>LAVA全瓷冠</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥7200</strong></td>
                </tr>
                
                 <tr>
                    <td>威兰德氧化锆全瓷冠</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥5000</strong></td>
                </tr>
                
                 <tr>
                    <td>烤瓷冠（85%金合金）</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥3500</strong></td>
                </tr>
                
                 <tr>
                    <td>烤瓷冠（金钯合金）</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥2500</strong></td>
                </tr>
                
                 <tr>
                    <td>烤瓷冠（钴铬合金）</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥2000</strong></td>
                </tr>
                
                 <tr>
                    <td>美加全锆冠</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥4000</strong></td>
                </tr>
                
          </table>
        
          <table>
                <tr>
                    <th><span class="th">拔牙</span></th>
                </tr>
                
                 <tr>
                    <td>复杂智齿（埋伏、阻生、错位）</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥800</strong></td>
                </tr>
                
                 <tr>
                    <td>完全骨埋伏/骨阻生</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥1500</strong></td>
                </tr>
                
                 <tr>
                    <td>普通智齿</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥500</strong></td>
                </tr>
                
                 <tr>
                    <td>普通牙（前牙/后牙）</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥200/300</strong></td>
                </tr>
                
          </table>
        
          <table>
                <tr>
                    <th><span class="th">正畸治疗</span></th>
                </tr>
                
                 <tr>
                    <td>3M金属/金属自锁托槽</td>
                    <td width="20%">/&nbsp整套服务</td>
                    <td><strong>¥18000/22000</strong></td>
                </tr>
                
                 <tr>
                    <td>3M陶瓷/陶瓷自锁托槽</td>
                    <td width="20%">/&nbsp整套服务</td>
                    <td><strong>¥20000/25000</strong></td>
                </tr>
                
                 <tr>
                    <td>隐适美隐形矫正</td>
                    <td width="20%">/&nbsp整套服务</td>
                    <td><strong>¥38000</strong></td>
                </tr>
                
          </table>
        
          <table>
                <tr>
                    <th><span class="th">活动修复</span></th>
                </tr>
                
                 <tr>
                    <td>冠外附着体</td>
                    <td width="20%">/&nbsp牙</td>
                    <td><strong>¥3000</strong></td>
                </tr>
                
                 <tr>
                    <td>复合树脂牙</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥50</strong></td>
                </tr>
                
                 <tr>
                    <td>普通金属材料（维他灵）</td>
                    <td width="20%">/&nbsp小/大</td>
                    <td><strong>¥1200/2000</strong></td>
                </tr>
                
                 <tr>
                    <td>磨牙合垫</td>
                    <td width="20%">/&nbsp单颌</td>
                    <td><strong>¥600</strong></td>
                </tr>
                
                 <tr>
                    <td>贵金属材料（纯钛）</td>
                    <td width="20%">/&nbsp小/大</td>
                    <td><strong>¥1200/2000</strong></td>
                </tr>
                
                 <tr>
                    <td>进口塑钢牙</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥250</strong></td>
                </tr>
                
          </table>
        
          <table>
                <tr>
                    <th><span class="th">牙体、牙髓</span></th>
                </tr>
                
                 <tr>
                    <td>前牙美学修复充填</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥500</strong></td>
                </tr>
                
                 <tr>
                    <td>后牙树脂补牙</td>
                    <td width="20%">/&nbsp每颗</td>
                    <td><strong>¥500</strong></td>
                </tr>
                
                 <tr>
                    <td>根管治疗</td>
                    <td width="20%">/&nbsp每根</td>
                    <td><strong>¥500</strong></td>
                </tr>
                
          </table>
        
          <table>
                <tr>
                    <th><span class="th">牙周</span></th>
                </tr>
                
                 <tr>
                    <td>冠延长</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥1200</strong></td>
                </tr>
                
                 <tr>
                    <td>刮治（前牙/后牙）</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥90</strong></td>
                </tr>
                
                 <tr>
                    <td>洗牙</td>
                    <td width="20%">/&nbsp全口</td>
                    <td><strong>¥350</strong></td>
                </tr>
                
                 <tr>
                    <td>翻瓣手术</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥220</strong></td>
                </tr>
                
          </table>
        
          <table>
                <tr>
                    <th><span class="th">种植</span></th>
                </tr>
                
                 <tr>
                    <td>临时基台</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥1000</strong></td>
                </tr>
                
                 <tr>
                    <td>全瓷基台</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥3000</strong></td>
                </tr>
                
                 <tr>
                    <td>奥齿泰（韩国）植体</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥7000</strong></td>
                </tr>
                
                 <tr>
                    <td>德国anklyos种植体</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥10000</strong></td>
                </tr>
                
                 <tr>
                    <td>瑞士staumann亲水种植体</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥13000</strong></td>
                </tr>
                
                 <tr>
                    <td>金属基台</td>
                    <td width="20%">/&nbsp颗</td>
                    <td><strong>¥1500</strong></td>
                </tr>
                
          </table>
        
          <table>
                <tr>
                    <th><span class="th">综合项目</span></th>
                </tr>
                
                 <tr>
                    <td>全景片</td>
                    <td width="20%">/&nbsp张</td>
                    <td><strong>¥200</strong></td>
                </tr>
                
                 <tr>
                    <td>口腔CT</td>
                    <td width="20%">/&nbsp张</td>
                    <td><strong>¥350</strong></td>
                </tr>
                
                 <tr>
                    <td>局部牙片</td>
                    <td width="20%">/&nbsp张</td>
                    <td><strong>¥30</strong></td>
                </tr>
                
                 <tr>
                    <td>美白</td>
                    <td width="20%">/&nbsp全口</td>
                    <td><strong>¥800</strong></td>
                </tr>
                
          </table>
        
          </li>
          <li style="float:right;">
          </li>
        </ul>
        </div>
        <label class="center"><input type="button" value="查看全部" class="center show-btn"></label>       
    </div> 

    -->
    <div class="bottom-banner">
        <div class="row center">
                <h2 style="font-size:1.6em;">方便舒适的就诊环境</h2>
                <hr class="hr" style="background:#fff;margin-bottom:40px;">   
        </div> 
        <div class="bottom-pic">
           <ul class="slider clearfix" style="width: 2280px; left: -1520px;">
           <!--
               <li><img src="/img/newhome/bottom-pic.jpg" alt="bottom-pic"></li>
               <li><img src="/img/newhome/bottom-pic01.jpg" alt="bottom-pic"></li>
               <li><img src="/img/newhome/bottom-pic02.jpg" alt="bottom-pic"></li>
           -->
           
              <li><img src="https://hyy-static.51haoyayi.com/bottom-pic.jpg" alt="bottom-pic"></li>
              <li><img src="__STATIC__/image/zs26.jpg" alt="bottom-pic"></li>
           
           
              <li><img src="https://hyy-static.51haoyayi.com/bottom-pic.jpg" alt="bottom-pic"></li>
              <li><img src="__STATIC__/image/zs54.jpg" alt="bottom-pic"></li>
           
           </ul>
           <div class="banner-btn">     
            <a href="javascript:;" class="prev"><span class="per-left"></span></a>
            <a href="javascript:;" class="next"><span class="per-right"></span></a>
           </div>
        </div>
    </div>   
</div>
<script>



     $(function(){


        // var priceList = '[{"type":"儿童口腔","data":[{"id":40,"type":"儿童口腔","name":"乳牙充填","price":"400","unit":"每颗"},{"id":41,"type":"儿童口腔","name":"乳牙充填乳牙充填（专家）","price":"400","unit":"每颗"},{"id":42,"type":"儿童口腔","name":"乳牙拔除","price":"300","unit":"每颗"},{"id":43,"type":"儿童口腔","name":"乳牙根管治疗","price":"400","unit":"每根"},{"id":39,"type":"儿童口腔","name":"牙齿涂氟","price":"50","unit":"全口"},{"id":38,"type":"儿童口腔","name":"窝沟封闭","price":"100","unit":"个"},{"id":37,"type":"儿童口腔","name":"间隙保持器","price":"500","unit":"副"}]},{"type":"固定修复","data":[{"id":21,"type":"固定修复","name":"LAVA全瓷冠","price":"7200","unit":"每颗"},{"id":20,"type":"固定修复","name":"威兰德氧化锆全瓷冠","price":"5000","unit":"每颗"},{"id":18,"type":"固定修复","name":"烤瓷冠（85%金合金）","price":"3500","unit":"每颗"},{"id":17,"type":"固定修复","name":"烤瓷冠（金钯合金）","price":"2500","unit":"每颗"},{"id":16,"type":"固定修复","name":"烤瓷冠（钴铬合金）","price":"2000","unit":"每颗"},{"id":19,"type":"固定修复","name":"美加全锆冠","price":"4000","unit":"每颗"}]},{"type":"拔牙","data":[{"id":7,"type":"拔牙","name":"复杂智齿（埋伏、阻生、错位）","price":"800","unit":"颗"},{"id":8,"type":"拔牙","name":"完全骨埋伏/骨阻生","price":"1500","unit":"颗"},{"id":6,"type":"拔牙","name":"普通智齿","price":"500","unit":"颗"},{"id":5,"type":"拔牙","name":"普通牙（前牙/后牙）","price":"200/300","unit":"颗"}]},{"type":"正畸治疗","data":[{"id":28,"type":"正畸治疗","name":"3M金属/金属自锁托槽","price":"18000/22000","unit":"整套服务"},{"id":29,"type":"正畸治疗","name":"3M陶瓷/陶瓷自锁托槽","price":"20000/25000","unit":"整套服务"},{"id":30,"type":"正畸治疗","name":"隐适美隐形矫正","price":"38000","unit":"整套服务"}]},{"type":"活动修复","data":[{"id":27,"type":"活动修复","name":"冠外附着体","price":"3000","unit":"牙"},{"id":24,"type":"活动修复","name":"复合树脂牙","price":"50","unit":"颗"},{"id":22,"type":"活动修复","name":"普通金属材料（维他灵）","price":"1200/2000","unit":"小/大"},{"id":26,"type":"活动修复","name":"磨牙合垫","price":"600","unit":"单颌"},{"id":23,"type":"活动修复","name":"贵金属材料（纯钛）","price":"1200/2000","unit":"小/大"},{"id":25,"type":"活动修复","name":"进口塑钢牙","price":"250","unit":"颗"}]},{"type":"牙体、牙髓","data":[{"id":13,"type":"牙体、牙髓","name":"前牙美学修复充填","price":"500","unit":"每颗"},{"id":14,"type":"牙体、牙髓","name":"后牙树脂补牙","price":"500","unit":"每颗"},{"id":15,"type":"牙体、牙髓","name":"根管治疗","price":"500","unit":"每根"}]},{"type":"牙周","data":[{"id":11,"type":"牙周","name":"冠延长","price":"1200","unit":"颗"},{"id":12,"type":"牙周","name":"刮治（前牙/后牙）","price":"90","unit":"颗"},{"id":9,"type":"牙周","name":"洗牙","price":"350","unit":"全口"},{"id":10,"type":"牙周","name":"翻瓣手术","price":"220","unit":"颗"}]},{"type":"种植","data":[{"id":34,"type":"种植","name":"临时基台","price":"1000","unit":"颗"},{"id":36,"type":"种植","name":"全瓷基台","price":"3000","unit":"颗"},{"id":31,"type":"种植","name":"奥齿泰（韩国）植体","price":"7000","unit":"颗"},{"id":32,"type":"种植","name":"德国anklyos种植体","price":"10000","unit":"颗"},{"id":33,"type":"种植","name":"瑞士staumann亲水种植体","price":"13000","unit":"颗"},{"id":35,"type":"种植","name":"金属基台","price":"1500","unit":"颗"}]},{"type":"综合项目","data":[{"id":2,"type":"综合项目","name":"全景片","price":"200","unit":"张"},{"id":3,"type":"综合项目","name":"口腔CT","price":"350","unit":"张"},{"id":1,"type":"综合项目","name":"局部牙片","price":"30","unit":"张"},{"id":4,"type":"综合项目","name":"美白","price":"800","unit":"全口"}]}]';
        //     priceList = JSON.parse(priceList);
            
        var  $oTal = $('table');
        var  $oLi  = $('.price-main li');
        var  $arr  = [];
        var  $showBtn = $('.show-btn');
        var  $offOn=true;
  
 
        for (var i = 0; i < $oTal.length; i++) {
               $arr.push($oTal[i]);
            }
     function getTal () { 
        for (var i = 0; i < $arr.length; i++) {
            if (i<2 && i%2==0) {
              $oLi.eq(0).append($arr[i]);
              $arr[i].style.display='table';
            }else if(i<2){
              $oLi.eq(1).append($arr[i]);
              $arr[i].style.display='table';
            }
          }               
        };

        
        getTal();

        $showBtn.click(function () {
              if ($offOn) {
                for (var i = 0; i < $arr.length; i++) {
                  if (i%2 == 0) {
                      $oLi.eq(0).append($arr[i]);
                      $arr[i].style.display='table';
                  }else{
                      $oLi.eq(1).append($arr[i]);
                      $arr[i].style.display='table';
                  }
                }
                this.style.background='url(/img/newhome/show-btn-bg02.jpg) no-repeat right';
                this.value='收'+' '+'起';
                $offOn = false;
              }else{           
                $oLi.eq(0).find('table').remove();
                $oLi.eq(1).find('table').remove();
                 getTal();
                this.style.background='url(/img/newhome/show-btn-bg.jpg) no-repeat right';
                this.value='查看全部';
                $offOn = true;
              }
         }) 
       

  
        $('.btn-default.hover').click(function(event){

          var $twoCode=$('<div id="twocode-pic"><div class="twocode-bg"><img src="/img/newhome/wxgz.jpg" alt="t-pic"></div><div class="sys"></div></div><div class="twocode-wrap" ></div>');
          $('body').append($twoCode);
          
          var $tcodePic=$('#twocode-pic');
          $tcodePic.css('top',($('body').height()-$tcodePic.outerWidth())/2);
          $tcodePic.css('left',($('body').width()-$tcodePic.outerHeight())/2);

          event.stopPropagation();

          $tcodePic.click(function(event){
              event.stopPropagation();
             })
          $('body').click(function(){
             $twoCode.remove();
          })
 
        })

        var $bnrTop=$('.bnr-wrap');
        var $bnr_ul=$('.top-img');
        var $btnTop=$('.top-btn');
        var $btnOa=$btnTop.find('span');
        var $btnCir=$('.banner-circle');

        bnrMove(1,$bnrTop,$bnr_ul,$btnTop,$btnOa,$btnCir)

        var $banner=$('.bottom-pic');
        var $banner_ul=$('.slider');
        var $btn=$('.banner-btn');
        var $btn_a=$btn.find('span')[0];
        var $btn_b=$btn.find('span')[1];
        bnrMove(2,$banner,$banner_ul,$btn,$btn_a)
       


function bnrMove(ind,obj,oUl,oBtn,oA,dom){

        var v_width=obj.width();
        
        var page=1;
        
        var timer=null;
        var btnClass=null;
        
        var handleMove = false;
        var page_count=oUl.find('li').length;//把这个值赋给小圆点的个数
  
       
        var bnrCircle='<li class="selected" ><a></a></li>';
        for (var i = 1; i < page_count; i++) {
             bnrCircle+='<li><a ></a></li>';
        };
        
        if ( dom != null ) {
        dom.append(bnrCircle);
         };

        oUl.width(page_count*v_width);
        
        function move(obj,classname){
        if(ind==2){
      }
         //手动及自动播放
        if(true){
            if(ind==2){
          }
                if(classname=='prevBtn'){
                        if(page==1){
                            oUl.animate({left:-v_width*(page_count-1)});
                            page=page_count;
                            cirMove();
                        }
                        else{
                            oUl.animate({left:'+='+v_width},"slow");
                            page--; 
                            cirMove();                
                        }        
                }
                else{
                        var pre = page
                        if(page==page_count){
                            oUl.animate({left:0});
                            page=1;  
                            cirMove();    
                                }
                        else{
                            page++;
                            oUl.animate({left:'-'+(page-1)*v_width},"slow");
                            cirMove();           
                        }
                }
                        if(ind==2){
                      }
                }
        }
        if(dom){
          $('.banner-circle li').bind('click',function(){

                        var index=$('.banner-circle li').index(this);
                        if(index == 0){
                          page = page_count
                        } else {
                          page = index;
                        }
                        move($(this),this.className);

                })       
        }else {
        
        $($btn_a).mouseover(function(){
            clearInterval(timer);
        }).mouseout(function(){
            timer=setInterval(move,3000);
        }).click(function(event){
          event.stopPropagation();
            handleClick(true)
        })
        $($btn_b).mouseover(function(){
            clearInterval(timer);
        }).mouseout(function(){
            timer=setInterval(move,3000);
        }).click(function(event){
          event.stopPropagation();
          handleClick(false)
        })      
        var handleClick = function(left){
          if(handleMove == true){
            return;
          }
          handleMove = true
          if(left==true){
            if(page==1){
              handleMove = false;
              return
            }
            page -= 2;
            if(page<0){
              page += page_count;
            }
          }else {
            if(page==page_count){
              handleMove = false
              return;
            }
          }
          move($(this),this.className);
          handleMove= false;
        }
                }

        function cirMove(){
        //检测page的值，使当前的page与selected的小圆点一致
        if(dom){
        $('.banner-circle li').eq(page-1).addClass('selected')
        .siblings().removeClass('selected');
      }
        }
        obj.mouseover(function(){
                clearInterval(timer);
                 }).mouseout(function(){
                clearInterval(timer);
                timer=setInterval(move,3000);
                                }).trigger("mouseout");//激活自动播放

        oBtn.mouseover(function(){
                //实现透明渐变，阻止冒泡
                        $(this).animate({opacity:0.6},'fast');
                         return false;
                }).mouseleave(function(){
                        $(this).animate({opacity:1},'fast');
                         return false;
                }).click(function(){
                        //手动点击清除计时器
                        btnClass=this.className;
                        clearInterval(timer);
                        timer=setInterval(move,3000);
                        move($(this),this.className);
                });
           
    }        
});

</script>
<script src="/plugin/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" href="/plugin/fancybox/jquery.fancybox.css?v=2.1.5">
<script type="text/javascript">
</script>
<script src="/js/clinic.js"></script>
<section class="bottom" style="float:left; width:100%;min-width:970px;">
	<div class="container">
		<div class="row" style="text-align:center;">
            皓世康客服热线：0685-5858596
			<br>
			Copyright© 2014 山东省济宁市太平东路112号银座大楼旁100米 
		</div>
	</div>
</section>
<script src="/js/bootstrap3-typeahead.js"></script>
<script src="/js/search.js"></script>
<script src="/config.js"></script>
<!--<script src="/js/blink.js"></script>-->
<script>
	var cityname = getCookie('cityname');
	window.localStorage.setItem('cityname', cityname);
	var citylat = getCookie('citylat');
	window.localStorage.setItem('citylat', citylat);
	var citylng = getCookie('citylng');
	window.localStorage.setItem('citylng', citylng);
	$(function () {
		$('.s-city span').html(getCookie('cityname'));
		var $city = $('.s-city');
		$city.on('click', function (e) {
			e.stopPropagation();
			if ($city.hasClass('active')) {
				$city.removeClass('active');
				$('.city-list').hide();
			} else {
				$city.addClass('active');
				$('.city-list').show();
			}
		});
		$(document).on('click', function () {
			$city.removeClass('active');
			$('.city-list').hide();
		});
	});
	function getCookie(c_name) {
		if (document.cookie.length > 0) {
			c_start = document.cookie.indexOf(c_name + "=");
			if (c_start != -1) {
				c_start = c_start + c_name.length + 1;
				c_end = document.cookie.indexOf(";", c_start);
				if (c_end == -1) {
					c_end = document.cookie.length;
				}
				var result = UrlDecode(document.cookie.substring(c_start, c_end));
				return decodeURIComponent(result);
			}
		}
		return "";
	}
	function UrlDecode(zipStr) {
		var uzipStr = "";
		for (var i = 0; i < zipStr.length; i++) {
			var chr = zipStr.charAt(i);
			if (chr == "+") {
				uzipStr += " ";
			} else if (chr == "%") {
				var asc = zipStr.substring(i + 1, i + 3);
				if (parseInt("0x" + asc) > 0x7f) {
					uzipStr += decodeURIComponent("%" + asc.toString() + zipStr.substring(i + 3, i + 9).toString());
					i += 8;
				} else {
					uzipStr += AsciiToString(parseInt("0x" + asc));
					i += 2;
				}
			} else {
				uzipStr += chr;
			}
		}
		return uzipStr;
	}
	function StringToAscii(str) {
		return str.charCodeAt(0).toString(16);
	}
	function AsciiToString(asccode) {
		return String.fromCharCode(asccode);
	}
</script>


</body></html>
